/**
 * 鸡蛋美术商城 首页javaScript脚本文件
 * $Author: Jo
 * $Id: index.js 2015-7-30 10:02:00
 * 脚本Begin
*/

/**
 * @module 全局初始化对象
 * @method init(); 初始化方法
 * 脚本Begin
*/
$(function(){
    banner.init(); //初始化首页大广告对象方法
    classify_area.init();//初始化专区版块自动轮播广告图对象方法
    index_ajax.init();//初始化首页ajax处理对象方法
    index_ajax.brand(); // 获取品牌列表HTML
    index_ajax.activity(); // 获取活动版块HTML
    showTop.init(); //初始化显示头部跟随方法
});
/* 全局初始化对象 End */


/**
 * @module 首页大广告对象：banner
 * @method init(); 初始化方法
 * @method pass_nav(); 鼠标经过小图片导航方法
 * @method go_back(); 左滑动方法
 * @method automatic_banner(); 自动轮播方法
 * 脚本Begin
*/
var banner = {
    //定义全局变量
    switch_speed: 500, //切换时间
    automatic_speed: 5000, //自动播放时间间隔
    //初始化首页大广告对象方法
    init: function(){
        banner.width = parseInt($('#banner').width());
        banner.length = parseInt($('#banner').find('.list').find('li').length); //广告数量
        $('#banner').find('.list').width(banner.length * 100 + '%'); //设定滑块长度
        //循环促发自动轮播方法
        var automatic = setInterval(function(){
            banner.automatic_banner();
        },banner.automatic_speed);

        //鼠标经过小图片导航促发
        $('#banner .nav li').mouseenter(function(){
            banner.pass_nav(this);
        });

        //左边按钮点击事件
        $("#banner").find('.go_back').click(function(){
            banner.go_back();
        });

        //右边按钮点击事件
        $("#banner").find('.next').click(function(){
            banner.automatic_banner();
        });

        //鼠标经过大广告时清除自动轮播
        $('#banner').mouseenter(function(){
            clearInterval(automatic);
        });

        //鼠标离开大广告时重新开始轮播
        $('#banner').mouseleave(function(){
            clearInterval(automatic);
            automatic = setInterval(function(){
                banner.automatic_banner();
            },banner.automatic_speed);
        });
    },

    //鼠标经过小图片导航方法
    pass_nav: function(obj){
        $('#banner').find('.list').stop(true);
        var index = $(obj).index();
        $('#banner').find('.list').animate({left:-(banner.width * index)},"banner.switch_speed");
        $('#banner').find('.nav').find('li').removeClass('current').eq(index).addClass('current');
    },

    //左滑动方法
    go_back: function(){
        var index = $('#banner').find('.nav').find('.current').index();
        if(index == 0){
            number = banner.length - 1;
        }
        else{
            number = index - 1;
        }
        $('#banner').find('.list').animate({left:-(banner.width * number)},"banner.switch_speed");
        $('#banner').find('.nav').find('li').removeClass('current').eq(number).addClass('current');
    },

    //自动轮播方法
    automatic_banner: function(){
        var index = $('#banner').find('.nav').find('.current').index();
        if((index + 1) == banner.length){
            number = 0;
        }else{
            number = index + 1;
        }
        $('#banner').find('.list').animate({left:-(banner.width * number)},"banner.switch_speed");
        $('#banner').find('.nav').find('li').removeClass('current').eq(number).addClass('current');
    }
}
/* 首页大广告对象 End */


/**
 * @module 首页活动版块专区对象：index_activity
 * @method init(); 初始化方法
 * @method one_img(); 促发第一张图片方法
 * @method two_img(); 促发第二张图片方法
 * @method three_img(); 促发第三张图片方法
 * 脚本Begin
*/
var index_activity = {
    //初始化首页活动版块专区对象
    init: function(){
        //鼠标经过第一张图片时促发
        $("#index_activity .content ul li.current").mouseenter(function(){
            index_activity.one_img();
        });

        //鼠标经过第二张图片时促发
        $("#index_activity .content ul li.two").mouseenter(function(){
            index_activity.two_img(this);
        });

        //鼠标经过第三张图片时促发
        $("#index_activity .content ul li.three").mouseenter(function(){
            index_activity.three_img(this);
        });
    },
    //促发第一张图片方法
    one_img: function() {
        $("#index_activity .content ul li.two,#index_activity .content ul li.three").removeClass('current');
        $("#index_activity .content ul li.one").addClass('current');
        $("#index_activity .content ul li.two").stop().animate({left:"728px"},300);
        $("#index_activity .content ul li.three").stop().animate({left:"969px"},300);
    },
    //促发第二张图片方法
    two_img: function(obj) {
        $("#index_activity .content ul li.one,#index_activity .content ul li.three").removeClass('current');
        $(obj).stop().animate({left:"241px"},300).addClass('current');
        $("#index_activity .content ul li.three").stop().animate({left:"969px"},300);
    },
    //促发第三张图片方法
    three_img: function(obj) {
        $("#index_activity .content ul li.one,#index_activity .content ul li.two").removeClass('current');
        $(obj).stop().animate({left:"482px"},300).addClass('current');
        $("#index_activity .content ul li.two").stop().animate({left:"241px"},300);
    }

}
/* 首页活动版块专区对象 End */


/**
 * @module 专区版块自动轮播广告图对象：classify_area
 * @method init(); 初始化方法
 * @method class_select(); 判断所选择专区方法
 * @method automatic_slider(); 自动轮播方法
 * @method nav_a(); 选择切换方法
 * 脚本Begin
*/
var classify_area = {
    //初始化全局变量
    switch_time: 500, //切换时间
    automatic_time: 4100, //自动播放时间间隔

    //初始化专区版块自动轮播广告图方法
    init: function(){
        classify_area.width = parseInt($('.automatic_slider').width()); //偏移距离
        classify_area.class_select('arts_exam');//艺考专区
        classify_area.class_select('children');//儿童专区
        classify_area.class_select('acrylic_painting');//油画丙烯水彩专区
        classify_area.class_select('design');//设计插画动漫专区
        classify_area.class_select('rock_painting');//岩画国画书法专区
        classify_area.class_select('art_books');//书籍专区
    },

    //判断所选择的是哪个专区
    class_select: function(area){
        classify_area.automatic_slider(area);
        var timer = setInterval(function(){
            classify_area.automatic_slider(area);
        },classify_area.automatic_time);
        //鼠标移动至轮播盒子停止自动轮播
        $('.'+ area +' .automatic_slider').mouseenter(function(){
            clearInterval(timer);
            $('.'+ area +' .automatic_slider').find('span').stop(true);
            $('.'+ area +' .automatic_slider').find('.current').find('span').width("100%");
        });
        //鼠标离开轮播盒子重新开始轮播
        $('.'+ area +' .automatic_slider').mouseleave(function(){
            classify_area.automatic_slider(area);
            timer = setInterval(function(){
                classify_area.automatic_slider(area);
            },classify_area.automatic_time);
        });
        classify_area.nav_a(area);
    },

    //自动轮播方法
    automatic_slider: function(area){
        //获取当前位置下标
        var index = parseInt($('.'+area).find('.automatic_slider').find('.current').index());
        var length = parseInt($('.'+area).find('.nav').find('a').length);
        $('.'+area).find('.automatic_slider').find('.current').find('span').width(0).animate({width:'100%'},4000).animate({width:'0%'},1,function(){
            var eq = 0;
            if(index == length-1){
                eq = 0
            }else{
                eq = index + 1;
            }
            $('.'+area).find('.automatic_slider').find('.nav').find('a').removeClass('current').eq(eq).addClass('current');
            $('.'+area).find('.automatic_slider').find('.slider_block').animate({left:-(classify_area.width * eq)},classify_area.switch_time);
        });
    },

    //选择切换函数
    nav_a: function(area){
        //鼠标移动上小导航触发
        $('.'+area).find('.automatic_slider').find('.nav').find('a').mouseenter(function(){
            $('.'+area).find('.automatic_slider').find('.nav').find('a').removeClass('current').find('span').width(0);
            $(this).addClass('current').find('span').width("100%");
            var index = parseInt($('.'+area).find('.automatic_slider').find('.current').index());//当前位置 
            $('.'+area).find('.automatic_slider').find('.slider_block').stop(true);
            $('.'+area).find('.automatic_slider').find('.slider_block').animate({left:-(classify_area.width * index)},classify_area.switch_time);
        });
    }
}
/* 专区版块自动轮播广告图对象 End */


/**
 * @module 首页Ajax请求对象：index_ajax
 * @method init(); 初始化方法
 * @method brand(); ajax品牌换一批方法
 * @method area(); ajax专区类小菜单切换方法
 * 脚本Begin
*/
var index_ajax = {
    //初始化ajax请求对象方法
    init: function(){
        $(".area .top .right li").click(function(){
            $(".area .top .right li").removeClass("current");
            $(this).addClass("current");
        });

    },

    //ajax品牌换一批方法
    brand: function(){
        var url = "?act=get_brand_list";
        var async = true;
        var type = "post";
        var dataType = "json";
        var data = {};
        $.ajax({url:url, async:async, type:type, dataType:dataType, success:function(data){
            if(data.error == 0){
                $('#brand .content .right').html(data.content);
            } else {
                $('#brand .content .right').html(data.content);
            }
        }});
    },
    // AJAX获取活动版块内容
    activity: function() {
        var url = "?act=get_activity";
        var async = true;
        var type = "post";
        var dataType = "json";
        $.ajax({url:url, async:async, type:type, dataType:dataType, success:function(data){
            if(data.error == 0){
                $('#index_activity .content').html(data.content);
                index_activity.init(); //初始化首页活动版块专区对象方法
            } else {
                $('#index_activity .content').html(data.content);
            }
        }});
    },
    //ajax专区类小菜单切换方法
    area: function(area, cid, obj){
        if ($(obj).attr('class') != 'hover') {
            $(obj).parent().find('li').removeClass('hover');
            $(obj).addClass('hover');
            var url = "?act=get_area_goods&cid=" + cid + "&area=" + area;
            var async = true;
            var type = "post";
            var dataType = "json";
            $.ajax({url:url, async:async ,type:type, dataType:dataType, success:function(data){
                if(data.error == 0){
                    $('.'+area+' .content .classify_right').html(data.content);
                }
            }});
        }
    },
    //ajax专区热门产品广告切换
    hot_ads: function(area, obj) {
        if ($(obj).attr('class') != 'hover') {
            $(obj).parent().find('li').removeClass('hover');
            $(obj).addClass('hover');
            var url = "?act=get_area_hot_ads&area=" + area;
            var async = true;
            var type = "post";
            var dataType = "json";
            $.ajax({url:url, async:async ,type:type, dataType:dataType, success:function(data){
                if(data.error == 0){
                    $('.'+area+' .content .classify_right').html(data.content);
                }
            }});
        }
    },
}
/* 首页Ajax请求对象 End */

/* 显示头部跟随对象 Begin */
var showTop = {

    init: function(){
        $(document).scroll(function(){
            if($(document).scrollTop() < 152){
                $("#follow-top").stop().animate({top : "-75px"},200);
            }else{
                $("#follow-top").stop().animate({top : "0"},200);
            }
        });
    }
}
/* 显示头部跟随对象 End */